<template>
	<div class="mui-numbox" data-numbox-min='1' >
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number"  :value="this.goodsNum" ref="input">
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</div>
</template>
<style scoped>
		/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; 
    margin: 0; 
}
/* 火狐 */
/*去除增减按钮*/
input.mui-input-numbox{
    -moz-appearance:textfield;
}


</style>
<script>
//导入 mui.min.js不起作用	
	import  mui from'../../lib/mui-master/dist/js/mui.js'
	export default{
		
	
	 methods:{
	 	
	 	
	 },
	  mounted:function(){
	  	//初始化numbox
	 	mui('.mui-numbox').numbox();

	 },
	 data:function(){
	 	return{
	 		
	 	}
	 },
	 props:['goodsNum'],
	
	
	 
	}
</script>